<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
  <title>Dva Demo</title>
  <link rel="stylesheet" href="/index.css" />
  <style type="text/css">
      ::-webkit-scrollbar {
        width: 8px;
        height: 5px;
        background: none;
      }

      ::-webkit-scrollbar-track {
        border-radius: 5px;
        background: none;
      }

      ::-webkit-scrollbar-thumb {
        opacity: 0;
        -webkit-box-shadow: inset 0 0 2.5px rgba(0, 0, 0, .3);
        box-shadow: inset 0 0 2.5px rgba(0, 0, 0, .3);
        border-radius: 5px;
        background-color: #BBBBBB;
        opacity: .7;
        transition: opacity ease-in-out 200ms;
      }

      ::-webkit-scrollbar-thumb:hover {
        opacity: 1;
      }
  </style>
</head>
<body>
  <div id="root" style='height: 100%;display: flex;'></div>
</body>
</html>
